<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<script type="text/javascript" src="./dist/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="./dist/js/bootstrap.js"></script>
	<link rel="stylesheet" type="text/css" href="./dist/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="./fontsize/iconfont.css">
	<title></title>
</head>
<style type="text/css">
	
</style>
<body>

<!-- 响应式图片 -->
<img src="logo.jpg" class='img-responsive'>
<!-- 字符图标 -->
<button class='btn btn-primary'>more <span class='glyphicon glyphicon-triangle-right'></span></button>
<button class='btn btn-primary'>more <span class='glyphicon glyphicon-triangle-left'></span></button>
<button class='btn btn-primary'>more <span class='glyphicon glyphicon-triangle-top'></span></button>
<button class='btn btn-primary'>more <span class='glyphicon glyphicon-triangle-bottom text-danger'></span></button>
<!-- 下拉菜单 -->
<div class="dropdown">
<button class='btn btn-primary' data-toggle='dropdown'>more<span class='caret'></span></button>
<ul class='dropdown-menu'>
	<li class="dropdown-header">one</li>
	<li><a href="http://www.baidu.com">百度</a></li>
	<li><a href="http://www.baidu.com">百度</a></li>
	<li class="divider"></li>
	<li><a href="http://www.baidu.com">百度</a></li>
	<li><a href="http://www.baidu.com" class='disabled'>百度</a></li>
</ul>
</div>
<!-- 按钮组 -->
<div class="btn-toolbar">
<div class="btn-group btn-group-lg">
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
</div>	
<div class="btn-group">
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
</div>
<div class="btn-group btn-group-sm">
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
</div>
<div class="btn-group btn-group-xs">
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
</div>
</div>
<!-- 嵌套式按钮组 -->
<div class="btn-group btn-group-vertical">
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<button class="btn btn-danger">more</button>
	<div class="btn-group">
	<button class="btn btn-danger dropdown-toggle" data-toggle='dropdown'>more <span class='caret'></span></button>
	<ul class='dropdown-menu'>
		<li><a href="">百度</a></li>
	</ul>		
	</div>
</div>
<!-- 两端对齐式按钮组 -->
<div class="btn-group btn-group-justified">
	<div class="btn-group">
	<button class="btn btn-danger">more</button>		
	</div>
	<div class="btn-group">
	<button class="btn btn-danger">more</button>		
	</div>
	<div class="btn-group">
	<button class="btn btn-danger">more</button>		
	</div>
</div>
<!-- 上拉菜单 -->
<div class="btn-group dropup">
	<button class='btn btn-primary'>more</button>
	<button class='btn btn-primary dropdown-toggle' data-toggle='dropdown'>
		<span class="caret"></span></button>
	<ul class='dropdown-menu'>
		<li><a href="">com</a></li>
	</ul>
</div>
</body>
<script type="text/javascript">
	
</script>
</html>